<template>
  <div class="node-end" :class="[status]">
    结束
  </div>
</template>

<script lang="ts" setup>
import { ref, inject, onMounted } from 'vue';
import { Node } from '@antv/x6';

const status = ref('');

const getNode = inject('getNode') as any;

onMounted(() => {
  const node = getNode() as Node;
  status.value = node.getData() ? node.getData().status : '';
});
</script>

<script lang="ts">
export default {
  name: 'NodeEnd'
};
</script>

<style scoped lang="less">
@import "/src/components/bpmn-design/nodes/node";
</style>